<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JD3</title>
    <style>
        .box1 {
            background-color: #bfa;
            width: 300px;
            height: 350px;
            padding: 30px 20px;
        }
h3{
    margin-left: 20px;
}
        img {
            width: 250px;
            height: 200px;
            margin-left: 20px;
        }
        a {
            text-decoration: none;
            color: #767676;
        }
        a:hover{
            color: red;
        }
    </style>
</head>
<body>

<div class="box1">
    <hr>
    <a href="JD2.html" target="_blank"><h3>aaa</h3></a>
    <a href="JD2.html" target="_blank"><img src="https://i.loli.net/2020/07/24/abSRqCz6y5UoVJG.jpg">
    </a>
    <div>
        <ul>
            <li><a href="JD2.html" target="_blank">aaa</a></li>
            <li><a href="JD2.html" target="_blank">aaa</a></li>
            <li><a href="JD2.html" target="_blank">aaa</a></li>
        </ul>
    </div>
</div>

</body>
</html>